import React from 'react';
// import jlIcon from '../img/dept_jl.png';
// import xmbIcon from '../img/dept_xmb.png';
// import zhbIcon from '../img/dept_zhb.png';
// import Paper from 'material-ui/Paper';
// import FlatButton from 'material-ui/FlatButton';
import DeleteIcon from 'material-ui/svg-icons/action/delete';
import Description from 'material-ui/svg-icons/action/description';
import CreateIcon from 'material-ui/svg-icons/content/create';
import IconButton from 'material-ui/IconButton';

const styles = {
    buttonStyle:{height:'auto',width:'auto',border:'0',padding:'0'}
};

const JudgeProjectItem = (props) => {
    const {detail, index, no} = props;


    return (
        <tr>
            <td className="td">{no}</td>
            <td className="tdContent">{detail.judgeName}</td>
            <td className="tdContent">{detail.projectName}</td>
            <td className="tdContent">{detail.orgName}</td>
            <td>{detail.createTime}</td>
            <td>
                <IconButton style={styles.buttonStyle} tooltip="继续考核" onClick={() => props.continueJudge(index)}>
                    <CreateIcon color="#1c68bd"/>
                </IconButton>
                <IconButton style={styles.buttonStyle} tooltip="详情" onClick={() => props.goDetail(index)}>
                    <Description color="#34c1f0"/>
                </IconButton>
                <IconButton style={styles.buttonStyle} tooltip="删除" onClick={() => props.deleteJudgeProject(index)}>
                    <DeleteIcon color="#f04134"/>
                </IconButton>
            </td>
        </tr>

    );
};

export default JudgeProjectItem;